<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>编辑地址</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<link rel="stylesheet" href="../../css/app.css" />
		<link rel="stylesheet" href="../../css/form.css" />
		<link rel="stylesheet" href="../../css/xpopup.css" />
		<link rel="stylesheet" href="../../js/layer/layer.css" />
		<script type="text/javascript" src="../../js/layer/layer.js"></script>
		<script type="text/javascript" src="../../js/util/jquery-3.5.1.min.js"></script>
		<script type="text/javascript" src="../../js/util/app.js"></script>
		<script type="text/javascript" src="../../js/mock/city.js"></script>
		<script type="text/javascript">
			window._AMapSecurityConfig = {
				securityJsCode: '8e89a6471e34d59e0186294d205abc55',
			}
		</script>
		<script type="text/javascript" src='https://webapi.amap.com/maps?v=2.0&key=686a92ec0bcb2b1f1ba5189727d41469'>
		</script>
		<script type="text/javascript" src="../../js/biz/common/edit_address.js"></script>
	</head>
	<body>
		<div class="page">
			<section class="content">
				<div class="form">
					<form class="form_row">
						<span class="form_label">姓名：</span>
						<input placeholder="请输入" class="form_input" id="name" maxlength="16"/>
						<img src="../../img/ic_clear.png" class="icon_clear" id="clear_name" />
					</form>
					<div class="form_line"></div>
					<form class="form_row">
						<span class="form_label">手机号：</span>
						<input placeholder="请输入" class="form_input" id="phone" type="tel" />
						<img src="../../img/ic_clear.png" class="icon_clear" id="clear_phone" />
					</form>
					<div class="form_line"></div>
					<form class="form_row" id="pick_area">
						<span class="form_label">所在地区：</span>
						<input placeholder="请输入" class="form_input" id="area" readonly />
						<img src="../../img/ic_down.png" class="icon_clear" style="display: block;"
							id="clear_nick_name" />
					</form>
					<div class="form_line"></div>
					<form class="form_row" style="align-items: flex-start;">
						<span class="form_label">详细地址：</span>
						<textarea placeholder="请输入" class="form_input" rows="6" id="address"></textarea>
						<img src="../../img/ic_location.png" class="icon_clear" style="display: block;" id="location" />
					</form>
					<div class="form_line"></div>
					<div id='container' style="display:none;"></div>
					<form class="form_row">
						<span class="form_label">是否默认地址：</span>
						<input id="def_address" type="checkbox" class="switch">
						<label for="def_address"></label>
					</form>
					<div class="form_line"></div>
					<form class="form_row">
						<span class="form_label">标签： </span>
						<div class="form_input" id="labels" style="display: flex;flex-direction: row;flex-wrap: wrap;">

							<label class="radio_label">
								<input class="radio_input" type="radio" name="tag" value="1" checked>
								<div class="radio_content">家</div>
							</label>
							<label class="radio_label">
								<input class="radio_input" type="radio" name="tag" value="2">
								<div class="radio_content">住宅</div>
							</label>
							<label class="radio_label">
								<input class="radio_input" type="radio" name="tag" value="3">
								<div class="radio_content">公司</div>
							</label>

						</div>
					</form>
				</div>

			</section>
			<button class="btn_primary" id="save_address">保存</button>

			<div class="browser">
				<section class="xpopup_container">
					<section class="xpopup_header">
						<span class="title">请选择省市区</span>
						<span class="btn_close" onclick="hideXpopup()">取消</span>
					</section>
					<section class="xpopup_result">
						<div class="result_item province"></div>
						<div class="result_item city"></div>
						<div class="result_item district"></div>
					</section>
					<article id="areaBox" class="xpopup_article">
						<div id="areaList"></div>
					</article>
				</section>
				<div class="xpopup_mask"></div>
			</div>

		</div>
	</body>
</html>
